html {
	height: 100%;
	position: relative;
	overflow: hidden
}
body {
	position: relative;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	font: 12px/1.5 tahoma,arial,\5FAE\8F6F\96C5\9ED1,sans-serif;
	font-family: microsoft yahei,微软雅黑,tahoma,arial,simsun,宋体;
	background: #000
}
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,p,table,input {
	margin: 0;
	padding: 0;
	font-weight: 400
}
table {
	width: auto;
	border-collapse: collapse;
	border-spacing: 0
}
li {
	list-style: none;
	vertical-align: bottom
}
em,i {
	font-style: normal
}
a {
	outline: 0;
	text-decoration: none;
	transition: color .3s,opacity .3s,transform .3s;
	-webkit-transition: color .3s,opacity .3s,transform .3s
}
a: hover {
	outline: 0;
	text-decoration: underline
}
img {
	border: 0
}
.hidden {
	display: none
}
.hide_txt {
	text-indent: -9999em;
	font-size: 0;
	line-height: 0
}
.clearfix: after {
	display: block;
	content: "";
	visibility: hidden;
	clear: both;
	height: 0
}
.clearfix {
	zoom: 1
}
.footer {
	position: absolute;
	bottom: -91px;
	left: 0;
	transition: bottom .3s;
	-webkit-transition: bottom .3s;
	z-index: 8
}
.footer.show {
	bottom: 0
}
.wrap {
	height: 100%;
	position: relative;
	overflow: hidden
}
.wrapper {
	height: 100%;
	position: relative;
	overflow: hidden
}
.content {
	position: relative;
	width: 1200px;
	margin: 0 auto
}
.small2 {
	transform: scale(.6,.6);
	-webkit-transform: scale(.6,.6)
}
.small3 {
	transform: scale(.65,.65);
	-webkit-transform: scale(.65,.65)
}
.small4 {
	transform: scale(.7,.7);
	-webkit-transform: scale(.7,.7)
}
.small5 {
	transform: scale(.75,.75);
	-webkit-transform: scale(.75,.75)
}
.small6 {
	transform: scale(.8,.8);
	-webkit-transform: scale(.8,.8)
}
.small7 {
	transform: scale(.85,.85);
	-webkit-transform: scale(.85,.85)
}
.small8 {
	transform: scale(.9,.9);
	-webkit-transform: scale(.9,.9)
}
.small9 {
	transform: scale(.95,.95);
	-webkit-transform: scale(.95,.95)
}
.product_list {
	position: relative;
	height: 100%
}
.product_box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -9999px
}
.bg_box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat
}
.bg_main {
	width: 1000px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -500px;
	background-position: center center;
	background-repeat: no-repeat
}
.bg_box img {
	position: absolute;
	top: 50%;
	left: 50%
}
.product_box .content {
	width: 1000px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -500px;
	z-index: 5;
	transform-origin: center center;
	-webkit-transform-origin: center center
}
.product_box .main_box {
	position: relative;
	height: 100%;
	left: -9999px;
	top: 50%
}
.product_list .show {
	left: 0
}
.product_list .show .main_box {
	left: 0
}
.product_box h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	background-size: 100% 100%
}
.product_box h2 span {
	position: absolute
}
.btn_product {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	transition: transform .3s;
	-webkit-transition: transform .3s
}
.btn_product: hover {
	text-decoration: none;
	transform: scale(1.04);
	-webkit-transform: scale(1.04)
}
.product_box.show h2 {
	animation: tt_effect .6s .3s linear both;
	-webkit-animation: tt_effect .6s .3s linear both
}
.product_box.show .btn_product {
	animation: opacity .5s 1s linear both;
	-webkit-animation: opacity .5s 1s linear both
}
.shoulei .btn_product {
	border-color: #62615d;
	border-color: rgba(0,0,0,.6);
	color: #000
}
.xnet .btn_product {
	border-color: #88b1eb;
	border-color: rgba(255,255,255,.3);
	color: #fff
}
.member .btn_product {
	border-color: #b3a38b;
	border-color: rgba(255,255,255,.3);
	color: #fff
}
.xkn .btn_product {
	border-color: #7e7a60;
	border-color: rgba(0,0,0,.5);
	color: #000
}
.xav .btn_product {
	border-color: #a1b3cb;
	border-color: rgba(255,255,255,.5);
	color: #fff
}
.product_btns {
	position: absolute;
	width: 100%;
	bottom: 35px;
	z-index: 6;
	transition: bottom .3s;
	-webkit-transition: bottom .3s;
	z-index: 10
}
.product_btns.show {
	bottom: 100px
}
.product_btns .content {
	width: 1000px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -500px
}
.product_btns .btns_area {
	margin: 0 auto;
	border-bottom: 3px solid #92a0b4;
	border-color: rgba(255,255,255,.2);
	+zoom: 1
}
.product_btns .btns_box {
	position: absolute;
	width: 100%;
	height: 84px;
	top: 3px;
	font-size: 0;
	line-height: 0
}
.product_btns .btns_box a {
	display: inline-block;
	+display: inline;
	+zoom: 1;
	position: relative
}
.product_btns .btns_box a span {
	display: block;
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 50%
}
.product_btns .btns_box a: hover,.product_btns .btns_box a.cur {
	background: url(about: blank)
}
.product_btns .ic_line {
	position: absolute;
	height: 3px;
	background: #fff;
	left: 0;
	bottom: 0;
	transition: left .3s;
	-webkit-transition: left .3s
}
.rpt_bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 238px;
	background: url(/img/rpt_bg.png) repeat-x;
	opacity: 0;
	transition: opacity .3s;
	-webkit-transition: opacity .3s;
	z-index: 5;
	left: -9999px
}
.rpt_bg.show {
	opacity: 1;
	left: 0
}
.big_view .btn_product {
	margin-left: -75px;
	width: 148px;
	height: 40px;
	line-height: 40px;
	font-size: 18px
}
.big_view .shoulei h2 {
	width: 431px;
	height: 97px;
	margin: -357px 0 0 -215px;
	background-image: url(/img/txt_1.png)
}
.big_view.xbig .shoulei h2 {
	background-image: url(/img/txt_1.png)
}
.big_view .shoulei .btn_product {
	margin-top: -220px
}
.big_view .xnet h2 {
	width: 69px;
	height: 398px;
	margin: -264px 0 0 -35px;
	background-image: url(/img/txt_2.png)
}
.big_view.xbig .xnet h2 {
	background-image: url(/img/txt_2.png)
}
.big_view .xnet .btn_product {
	margin-top: 179px
}
.big_view .member h2 {
	width: 464px;
	height: 74px;
	margin: -287px 0 0 -232px;
	background-image: url(/img/txt_3.png)
}
.big_view.xbig .member h2 {
	background-image: url(/img/txt_3.png)
}
.big_view .member .btn_product {
	margin-top: -186px
}
.big_view .xkn h2 {
	width: 604px;
	height: 62px;
	margin: -275px 0 0 -302px;
	background-image: url(/img/txt_4.png)
}
.big_view.xbig .xkn h2 {
	background-image: url(/img/txt_4.png)
}
.big_view .xkn .btn_product {
	margin-top: -182px
}
.big_view .xav h2 {
	width: 507px;
	height: 55px;
	margin: -360px 0 0 -254px;
	background-image: url(/img/txt_5.png)
}
.big_view.xbig .xav h2 {
	background-image: url(/img/txt_5.png)
}
.big_view .xav .btn_product {
	margin-top: -280px
}
.big_view .product_btns .btns_area {
	width: 470px;
	height: 84px
}
.big_view .product_btns .btns_box {
	height: 84px
}
.big_view .product_btns .btns_box a {
	width: 70px;
	height: 84px;
	margin: 0 15px
}
.big_view .product_btns .btns_box a span {
	height: 68px;
	background-image: url(/img/ic_spr.png)
}
.big_view .product_btns .btns_box a: hover span,.big_view .product_btns .btns_box a.cur span {
	_height: 69px
}
.big_view .product_btns .ic_line {
	width: 70px
}
.big_view .product_btns .btns_box .btn_ipr {
	margin: 0 15px 0 0
}
.big_view .product_btns .btns_box .btn_xav {
	margin: 0 0 0 15px
}
.big_view .ic_shoulei {
	background-position: 0 0;
	width: 61px;
	margin-left: -30px
}
.big_view a: hover .ic_shoulei,.big_view a.cur .ic_shoulei {
	background-position: 0 -108px
}
.big_view .ic_xnet {
	background-position: -106px 0;
	width: 65px;
	margin-left: -32px
}
.big_view a: hover .ic_xnet,.big_view a.cur .ic_xnet {
	background-position: -106px -108px
}
.big_view .ic_member {
	background-position: -224px 0;
	width: 48px;
	margin-left: -24px
}
.big_view a: hover .ic_member,.big_view a.cur .ic_member {
	background-position: -224px -108px
}
.big_view .ic_xkn {
	background-position: -318px 0;
	width: 55px;
	margin-left: -27px
}
.big_view a: hover .ic_xkn,.big_view a.cur .ic_xkn {
	background-position: -318px -108px
}
.big_view .ic_xav {
	background-position: -406px 0;
	width: 55px;
	margin-left: -27px
}
.big_view a: hover .ic_xav,.big_view a.cur .ic_xav {
	background-position: -406px -108px
}
.big_view .ic_ipr {
	background-position: -522px 0;
	width: 39px;
	margin-left: -20px
}
.big_view a: hover .ic_ipr,.big_view a.cur .ic_ipr {
	background-position: -522px -108px
}
.mid_view .btn_product {
	margin-left: -60px;
	width: 118px;
	height: 32px;
	line-height: 32px;
	font-size: 14px
}
.mid_view .shoulei h2 {
	width: 345px;
	height: 78px;
	margin: -286px 0 0 -173px;
	background-image: url(../img/ic_m/txt_1.png)
}
.mid_view .shoulei .btn_product {
	margin-top: -176px
}
.mid_view .xnet h2 {
	width: 55px;
	height: 318px;
	margin: -211px 0 0 -27px;
	background-image: url(/img/txt_2.png)
}
.mid_view .xnet .btn_product {
	margin-top: 143px
}
.mid_view .member h2 {
	width: 371px;
	height: 59px;
	margin: -230px 0 0 -185px;
	background-image: url(/img/txt_3.png)
}
.mid_view .member .btn_product {
	margin-top: -149px
}
.mid_view .xkn h2 {
	width: 483px;
	height: 50px;
	margin: -220px 0 0 -241px;
	background-image: url(/img/txt_4.png)
}
.mid_view .xkn .btn_product {
	margin-top: -146px
}
.mid_view .xav h2 {
	width: 406px;
	height: 44px;
	margin: -288px 0 0 -203px;
	background-image: url(/img/txt_5.png)
}
.mid_view .xav .btn_product {
	margin-top: -224px
}
.mid_view .product_btns .btns_area {
	width: 298px;
	_width: 299px;
	height: 68px
}
.mid_view .product_btns .btns_box {
	height: 68px
}
.mid_view .product_btns .btns_box a {
	width: 56px;
	height: 68px;
	margin: 0 12px
}
.mid_view .product_btns .btns_box a span {
	height: 55px;
	background-image: url(/img/ic_spr.png)
}
.mid_view .product_btns .btns_box a: hover span,.mid_view .product_btns .btns_box a.cur span {
	_height: 56px
}
.mid_view .product_btns .ic_line {
	width: 56px
}
.mid_view .product_btns .btns_box .btn_ipr {
	margin: 0 12px 0 0
}
.mid_view .product_btns .btns_box .btn_xav {
	margin: 0 0 0 12px
}
.mid_view .ic_shoulei {
	background-position: 0 0;
	width: 49px;
	margin-left: -25px
}
.mid_view a: hover .ic_shoulei,.mid_view a.cur .ic_shoulei {
	background-position: 0 -87px
}
.mid_view .ic_xnet {
	background-position: -84px 0;
	width: 53px;
	margin-left: -27px
}
.mid_view a: hover .ic_xnet,.mid_view a.cur .ic_xnet {
	background-position: -84px -87px
}
.mid_view .ic_member {
	background-position: -178px 0;
	width: 40px;
	margin-left: -20px
}
.mid_view a: hover .ic_member,.mid_view a.cur .ic_member {
	background-position: -178px -87px
}
.mid_view .ic_xkn {
	background-position: -254px 0;
	width: 45px;
	margin-left: -23px
}
.mid_view a: hover .ic_xkn,.mid_view a.cur .ic_xkn {
	background-position: -254px -87px
}
.mid_view .ic_xav {
	background-position: -324px 0;
	width: 45px;
	margin-left: -23px
}
.mid_view a: hover .ic_xav,.mid_view a.cur .ic_xav {
	background-position: -324px -87px
}
.mid_view .ic_ipr {
	background-position: -417px 0;
	width: 33px;
	margin-left: -17px
}
.mid_view a: hover .ic_ipr,.mid_view a.cur .ic_ipr {
	background-position: -417px -87px
}
.small_view .btn_product {
	margin-left: -48px;
	width: 94px;
	height: 26px;
	line-height: 26px;
	font-size: 11px
}
.small_view .shoulei h2 {
	width: 276px;
	height: 62px;
	margin: -229px 0 0 -138px;
	background-image: url(../img/ic_s/txt_1.png)
}
.small_view .shoulei .btn_product {
	margin-top: -141px
}
.small_view .xnet h2 {
	width: 44px;
	height: 254px;
	margin: -169px 0 0 -22px;
	background-image: url(/img/txt_2.png)
}
.small_view .xnet .btn_product {
	margin-top: 115px
}
.small_view .member h2 {
	width: 297px;
	height: 47px;
	margin: -184px 0 0 -148px;
	background-image: url(/img/txt_3.png)
}
.small_view .member .btn_product {
	margin-top: -119px
}
.small_view .xkn h2 {
	width: 386px;
	height: 40px;
	margin: -176px 0 0 -193px;
	background-image: url(/img/txt_4.png)
}
.small_view .xkn .btn_product {
	margin-top: -117px
}
.small_view .xav h2 {
	width: 325px;
	height: 35px;
	margin: -230px 0 0 -162px;
	background-image: url(/img/txt_5.png)
}
.small_view .xav .btn_product {
	margin-top: -179px
}
.small_view .product_btns .btns_area {
	width: 306px;
	_width: 309px;
	height: 54px
}
.small_view .product_btns .btns_box {
	height: 54px
}
.small_view .product_btns .btns_box a {
	width: 45px;
	height: 54px;
	margin: 0 10px
}
.small_view .product_btns .btns_box a span {
	height: 44px;
	background-image: url(/img/ic_spr.png)
}
.small_view .product_btns .btns_box a: hover span,.small_view .product_btns .btns_box a.cur span {
	_height: 45px
}
.small_view .product_btns .ic_line {
	width: 45px
}
.small_view .product_btns .btns_box .btn_ipr {
	margin: 0 10px 0 0
}
.small_view .product_btns .btns_box .btn_xav {
	margin: 0 0 0 10px
}
.small_view .ic_shoulei {
	background-position: 0 0;
	width: 39px;
	margin-left: -20px
}
.small_view a: hover .ic_shoulei,.small_view a.cur .ic_shoulei {
	background-position: 0 -69px
}
.small_view .ic_xnet {
	background-position: -67px 0;
	width: 43px;
	margin-left: -22px
}
.small_view a: hover .ic_xnet,.small_view a.cur .ic_xnet {
	background-position: -67px -69px
}
.small_view .ic_member {
	background-position: -143px 0;
	width: 32px;
	margin-left: -15px
}
.small_view a: hover .ic_member,.small_view a.cur .ic_member {
	background-position: -143px -69px
}
.small_view .ic_xkn {
	background-position: -203px 0;
	width: 36px;
	margin-left: -18px
}
.small_view a: hover .ic_xkn,.small_view a.cur .ic_xkn {
	background-position: -203px -69px
}
.small_view .ic_xav {
	background-position: -259px 0;
	width: 37px;
	margin-left: -19px
}
.small_view a: hover .ic_xav,.small_view a.cur .ic_xav {
	background-position: -259px -69px
}
.small_view .ic_ipr {
	background-position: -334px 0;
	width: 27px;
	margin-left: -14px
}
.small_view a: hover .ic_ipr,.small_view a.cur .ic_ipr {
	background-position: -334px -69px
}
@keyframes pulse {
	0% {
	transform: scale(1)
}
50% {
	transform: scale(1.1)
}
100% {
	transform: scale(1)
}
}@-webkit-keyframes pulse {
	0% {
	-webkit-transform: scale(1)
}
50% {
	-webkit-transform: scale(1.1)
}
100% {
	-webkit-transform: scale(1)
}
}@keyframes swing {
	20%,40%,60%,80%,100% {
	transform-origin: top center
}
20% {
	transform: rotate(15deg)
}
40% {
	transform: rotate(-10deg)
}
60% {
	transform: rotate(5deg)
}
80% {
	transform: rotate(-5deg)
}
100% {
	transform: rotate(0deg)
}
}@-webkit-keyframes swing {
	20%,40%,60%,80%,100% {
	-webkit-transform-origin: top center
}
20% {
	-webkit-transform: rotate(15deg)
}
40% {
	-webkit-transform: rotate(-10deg)
}
60% {
	-webkit-transform: rotate(5deg)
}
80% {
	-webkit-transform: rotate(-5deg)
}
100% {
	-webkit-transform: rotate(0deg)
}
}@keyframes flash {
	0%,66.66% {
	opacity: 0
}
33.33%,100% {
	opacity: 1
}
}@-webkit-keyframes flash {
	0%,66.66% {
	opacity: 0
}
33.33%,100% {
	opacity: 1
}
}@keyframes tada {
	0% {
	transform: scale(1)
}
10%,20% {
	transform: scale(.9) rotate(-3deg)
}
30%,50%,70%,90% {
	transform: scale(1.1) rotate(3deg)
}
40%,60%,80% {
	transform: scale(1.1) rotate(-3deg)
}
100% {
	transform: scale(1) rotate(0)
}
}@-webkit-keyframes tada {
	0% {
	-webkit-transform: scale(1)
}
10%,20% {
	-webkit-transform: scale(.9) rotate(-3deg)
}
30%,50%,70%,90% {
	-webkit-transform: scale(1.1) rotate(3deg)
}
40%,60%,80% {
	-webkit-transform: scale(1.1) rotate(-3deg)
}
100% {
	-webkit-transform: scale(1) rotate(0)
}
}@keyframes rotateX {
	0% {
	transform: perspective(400px) rotateX(90deg)
}
40% {
	transform: perspective(400px) rotateX(-30deg)
}
70% {
	transform: perspective(400px) rotateX(30deg)
}
100% {
	transform: perspective(400px) rotateX(0deg)
}
}@-webkit-keyframes rotateX {
	0% {
	-webkit-transform: perspective(400px) rotateX(90deg)
}
40% {
	-webkit-transform: perspective(400px) rotateX(-30deg)
}
70% {
	-webkit-transform: perspective(400px) rotateX(30deg)
}
100% {
	-webkit-transform: perspective(400px) rotateX(0deg)
}
}@keyframes rotateY {
	0% {
	transform: perspective(400px) rotateY(90deg)
}
40% {
	transform: perspective(400px) rotateY(-20deg)
}
70% {
	transform: perspective(400px) rotateY(20deg)
}
100% {
	transform: perspective(400px) rotateY(0deg)
}
}@-webkit-keyframes rotateY {
	0% {
	-webkit-transform: perspective(400px) rotateY(90deg)
}
40% {
	-webkit-transform: perspective(400px) rotateY(-20deg)
}
70% {
	-webkit-transform: perspective(400px) rotateY(20deg)
}
100% {
	-webkit-transform: perspective(400px) rotateY(0deg)
}
}@keyframes bounce {
	0%,20%,50%,80%,100% {
	transform: translateY(0)
}
40% {
	transform: translateY(-20px)
}
60% {
	transform: translateY(-10px)
}
}@-webkit-keyframes bounce {
	0%,20%,50%,80%,100% {
	-webkit-transform: translateY(0)
}
40% {
	-webkit-transform: translateY(-20px)
}
60% {
	-webkit-transform: translateY(-10px)
}
}@keyframes bounceInDown {
	0% {
	opacity: 0;
	transform: translateY(-2000px)
}
60% {
	opacity: 1;
	transform: translateY(30px)
}
80% {
	transform: translateY(-10px)
}
100% {
	transform: translateY(0)
}
}@-webkit-keyframes bounceInDown {
	0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px)
}
60% {
	opacity: 1;
	-webkit-transform: translateY(30px)
}
80% {
	-webkit-transform: translateY(-10px)
}
100% {
	-webkit-transform: translateY(0)
}
}@keyframes opacity {
	0% {
	opacity: 0
}
100% {
	opacity: 1
}
}@-webkit-keyframes opacity {
	0% {
	opacity: 0
}
100% {
	opacity: 1
}
}@keyframes tt_effect {
	0% {
	transform: translateY(-20px);
	opacity: 0
}
100% {
	transform: translateY(0);
	opacity: 1
}
}@-webkit-keyframes tt_effect {
	0% {
	-webkit-transform: translateY(-20px);
	opacity: 0
}
100% {
	-webkit-transform: translateY(0);
	opacity: 1
}
}@keyframes bg_effect {
	0% {
	transform: scale(1,1)
}
100% {
	transform: scale(1.05,1.05)
}
}@-webkit-keyframes bg_effect {
	0% {
	-webkit-transform: scale(1,1)
}
100% {
	-webkit-transform: scale(1.05,1.05)
}
}